<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title><%= title %></title>

	<% include ../includes/head%>
	<style>
	
	.traveltext {
	    position:relative;
	    line-height:1.8em;
	    /* 3 times the line-height to show 3 lines */
	    height:9em;
	    overflow:hidden;
	    text-indent: 2em;
	}
	.traveltext::after {
	    content:"...";
	    font-weight:bold;
	    position:absolute;
	    bottom:0;
	    right:0;
	    padding:0 20px 1px 45px;
	    background:url("../images/ellipsis_bg.png") repeat-y;
	}
	</style>
</head>
<body>
<% include ../includes/header%>

	<div id="container-inner">
	    <ul id="breadcrumb-wrapper">
	        <li>
	            <a href="index.html">
	                <ins>
	                    <div class="br-left">
	                    </div>
	                    <div class="br-mid">
	                        主页
	                    </div>
	                    <!--br-mid-->
	                    <div class="br-right">
	                    </div>
	                    <!--br-right-->
	                </ins>
	            </a>
	        </li>
	        <li>
	            <a class="active" href="blog.html">
	                <ins>
	                    <div class="br-left">
	                    </div>
	                    <div class="br-mid">
	                        博客
	                    </div>
	                    <!--br-mid-->
	                    <div class="br-right">
	                    </div>
	                    <!--br-right-->
	                </ins>
	            </a>
	        </li>
	        <li id="page-title">
	            博客
	        </li>
	        <!--page-title-->
	    </ul>
	    <!--breadcrumb-wrapper-->
	    <div id="inner-border">
	    </div>
	    <div class="clear">
	    </div>
	    <div id="contentwrap-inner">
	        <div id="content-left">
	            <ul class="posts">
	            	<!-- <% for(var i = 0; i<travels.length; i++){%>
					<div class="col-md-2">
						<div class="thumbnail">
							<a href="/travel/<%= travels[i]._id%>">

								<%if(travels[i].poster.indexOf('http:') > -1){%>

								<img src="<%= travels[i].poster %>" alt="travels[i].title">

								<%}else{%>

								<img src="/upload/<%= travels[i].poster %>" alt="<%= travels[i].title %>">
								
								<%}%>

							</a>
							<div class="caption">
								<h3><%= travels[i].title%></h3>
								<p>
									<a href="/travel/<%= travels[i]._id%>" class="btn btn-primary">查看游记详情</a>
								</p>
							</div>
						</div>
					</div>
					<%}%> -->
					<% for(var i = 0; i<travels.length; i++){%>
	                <li class="post">
	                    <div class="blog-img-wrap">
	                        <a class="blog-single" title="&nbsp;" href="/travel/<%= travels[i]._id%>">
	                            <ins>
	                                <div class="blog-img-inner">
	                                    <%if(travels[i].poster.indexOf('http:') > -1){%>

										<img src="<%= travels[i].poster %>" alt="travels[i].title" width="573" height="353">

										<%}else{%>

										<img src="/upload/<%= travels[i].poster %>" alt="<%= travels[i].title %>"  width="573" height="353">
										
										<%}%>
	                                </div>
	                                <!--blog-img-inner-->
	                            </ins>
	                        </a>
	                        <div class="blog-date">
	                            
	                            <span class="day">
						            <%= moment(travels[i].meta.createAT).format('DD') %>
						        </span>
						        <span class="month">
						            <%= moment(travels[i].meta.createAT).format('MM') %>
						        </span>
						        <span class="year">
						            <%= moment(travels[i].meta.createAT).format('YY') %>
						        </span>
	                        </div>
	                        <!--blog-date-->
	                        <a href="/travel/<%= travels[i]._id%>">
	                            <ins>
	                                <div class="blog-comments">
	                                    <h2>
	                                        <%if(i<10){%>
	                                        0<%= i+1 %>
	                                        <%}else{%>
	                                        <%= i %>
	                                        <%}%>
	                                    </h2>
	                                </div>
	                                <!--blog-comments-->
	                            </ins>
	                        </a>
	                        <ul class="blog-category">
	                            <li>
	                                <span class="h">
	                                    类别 :
	                                </span>
	                                <a href="##">
	                                    <%= travels[i].type%>
	                                </a>
	                            </li>
	                            <li>
	                                <span class="h">
	                                    标签 :
	                                </span>
	                                <a href="##">
	                                    <%= travels[i].tag%>
	                                </a>
	                                
	                            </li>
	                        </ul>
	                        <!--blog-category-->
	                    </div>
	                    <!--blog-img-wrap-->
	                    <div class="blog-info">
	                        <div class="blog-info-i">
	                            <h4>
	                                作者
	                            </h4>
	                            <div class="blog-info-border">
	                            </div>
	                            <p>
	                                <%= travels[i].author%>
	                            </p>
	                        </div>
	                        <!--blog-info-i-->
	                        <div class="blog-info-i">
	                            <h4>
	                                分享
	                            </h4>
	                            <div class="blog-info-border">
	                            </div>
	                            <ul class="blog-share">
	                                <li>
	                                    <a class="blog-twitter" href="http://sc.chinaz.com/?share" target="_blank">
	                                        <span class="hidden">
	                                            bower
	                                        </span>
	                                    </a>
	                                </li>
	                                <li>
	                                    <a class="blog-facebook" href="https://sc.chinaz.com/?sharer/sharer.php?u=blog-single.html"
	                                    target="_blank">
	                                        <span class="hidden">
	                                            facebook
	                                        </span>
	                                    </a>
	                                </li>
	                                <li>
	                                    <a class="blog-pinterest" href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fblog-single.html&media=http%3A%2F%2Fimages%2Fblog-img.jpg&description=Proin%20Mollis...%0A"
	                                    count-layout="none" target="_blank">
	                                        <span class="hidden">
	                                            销
	                                        </span>
	                                    </a>
	                                    <!--http://pinterest.com/about/goodies/#button_for_web_sites-->
	                                </li>
	                            </ul>
	                            <div class="clear">
	                            </div>
	                            <ul class="blog-bts-wrapper">
	                                <li>
	                                    <a href="/travel/<%= travels[i]._id%>">
	                                        <ins>
	                                            <div class="bt-left">
	                                            </div>
	                                            <div class="bt-mid">
	                                                全文
	                                            </div>
	                                            <div class="bt-right">
	                                            </div>
	                                        </ins>
	                                    </a>
	                                </li>
	                            </ul>
	                            <!--blog-bts-wrapper-->
	                        </div>
	                        <!--blog-info-i-->
	                    </div>
	                    <!--blog-info-->
	                    <div class="blog-right">
	                        <a href="/travel/<%= travels[i]._id%>">
	                            <ins>
	                                <h1>
	                                    <%= travels[i].title%>
	                                </h1>
	                            </ins>
	                        </a>
	                        <p class="traveltext">
	                            <%= travels[i].text%>
	                            
	                        </p>
	                    </div>
	                    <!--blog-right-->
	                    <div class="clear">
	                    </div>
	                </li>
	                <%}%>
	            </ul>
	            <!--posts-->
	            <ul class="page-numbers">
	                <li class="prev">
	                    <a href="##">
	                        &nbsp;
	                    </a>
	                </li>
	                <li class="active">
	                    <a href="##">
	                        1
	                    </a>
	                </li>
	                <li>
	                    <a href="##">
	                        2
	                    </a>
	                </li>
	                <li>
	                    <a href="##">
	                        3
	                    </a>
	                </li>
	                <li>
	                    <a href="##">
	                        4
	                    </a>
	                </li>
	                <li class="next">
	                    <a href="##">
	                        &nbsp;
	                    </a>
	                </li>
	            </ul>
	        </div>
	        <!--content-left-->
	        <div id="sidebar">
	            <div class="sidebar-border">
	                <h3>
	                    标签
	                </h3>
	            </div>
	            <!--sidebar-border-->
	            <div class="clear">
	            </div>
	            <ul class="tags">
	                <li>
	                    <a href="##">
	                        <ins>
	                            <div class="minibt-left">
	                            </div>
	                            <div class="minibt-mid">
	                                也许你
	                            </div>
	                            <div class="minibt-right">
	                            </div>
	                        </ins>
	                    </a>
	                </li>
	                <li>
	                    <a href="##">
	                        <ins>
	                            <div class="minibt-left">
	                            </div>
	                            <div class="minibt-mid">
	                                ipsum
	                            </div>
	                            <div class="minibt-right">
	                            </div>
	                        </ins>
	                    </a>
	                </li>
	                <li>
	                    <a href="##">
	                        <ins>
	                            <div class="minibt-left">
	                            </div>
	                            <div class="minibt-mid">
	                                忧伤
	                            </div>
	                            <div class="minibt-right">
	                            </div>
	                        </ins>
	                    </a>
	                </li>
	                <li>
	                    <a href="##">
	                        <ins>
	                            <div class="minibt-left">
	                            </div>
	                            <div class="minibt-mid">
	                                坐
	                            </div>
	                            <div class="minibt-right">
	                            </div>
	                        </ins>
	                    </a>
	                </li>
	                <li>
	                    <a href="##">
	                        <ins>
	                            <div class="minibt-left">
	                            </div>
	                            <div class="minibt-mid">
	                                艾美特
	                            </div>
	                            <div class="minibt-right">
	                            </div>
	                        </ins>
	                    </a>
	                </li>
	                <li>
	                    <a href="##">
	                        <ins>
	                            <div class="minibt-left">
	                            </div>
	                            <div class="minibt-mid">
	                                简历
	                            </div>
	                            <div class="minibt-right">
	                            </div>
	                        </ins>
	                    </a>
	                </li>
	                <li>
	                    <a href="##">
	                        <ins>
	                            <div class="minibt-left">
	                            </div>
	                            <div class="minibt-mid">
	                                该
	                            </div>
	                            <div class="minibt-right">
	                            </div>
	                        </ins>
	                    </a>
	                </li>
	            </ul>
	            <div class="clear">
	            </div>
	            <div id="side-categories" class="blog-categories">
	                <div class="sidebar-border">
	                    <h3>
	                        CATEGORIES
	                    </h3>
	                </div>
	                <!--sidebar-border-->
	                <div class="clear">
	                </div>
	                <ul>
	                    <li>
	                        <a href="##">
	                            <ins>
	                                <div class="bt-left">
	                                </div>
	                                <div class="bt-mid">
	                                    类别 1
	                                </div>
	                                <div class="bt-right">
	                                </div>
	                            </ins>
	                        </a>
	                    </li>
	                    <li>
	                        <a href="##">
	                            <ins>
	                                <div class="bt-left">
	                                </div>
	                                <div class="bt-mid">
	                                    类别 2
	                                </div>
	                                <div class="bt-right">
	                                </div>
	                            </ins>
	                        </a>
	                    </li>
	                    <li>
	                        <a href="##">
	                            <ins>
	                                <div class="bt-left">
	                                </div>
	                                <div class="bt-mid">
	                                    类别 3
	                                </div>
	                                <div class="bt-right">
	                                </div>
	                            </ins>
	                        </a>
	                    </li>
	                </ul>
	                <div class="clear">
	                </div>
	            </div>
	            <!--side-categories-->
	            <div id="side-comments">
	                <div class="sidebar-border">
	                    <h3>
	                        最近的评论
	                    </h3>
	                </div>
	                <div class="clear">
	                </div>
	                <ul>
	                    <li>
	                        <a href="blog-single.html">
	                            该nibh自由交流，ultricies ID lobortis neque马西斯，等。aliquam varius gravida永远。
	                            <span class="comment-owner">
	                                John Doe
	                            </span>
	                        </a>
	                    </li>
	                    <li>
	                        <a href="blog-single.html">
	                            Praesent libero nibh, ultricies id mattis ac, lobortis et neque. Aliquam
	                            varius gravida semper.
	                            <span class="comment-owner">
	                                John Doe
	                            </span>
	                        </a>
	                    </li>
	                    <li>
	                        <a href="blog-single.html">
	                            Praesent libero nibh, ultricies id mattis ac, lobortis et neque. Aliquam
	                            varius gravida semper.
	                            <span class="comment-owner">
	                                John Doe
	                            </span>
	                        </a>
	                    </li>
	                </ul>
	            </div>
	            <!--side-comments-->
	        </div>
	        <!--sidebar-->
	        <div class="clear">
	        </div>
	    </div>
	    <!--contentwrap-inner-->
	</div>
	<!--container-inner-->
	<% include ../includes/footer%>
</body>
</html>